/*
 * @authors Ren Xiaofei Zhang Chi
 * @date    2016-7-25
 * @version foamka_coffee
 */


body{margin: 0 auto;width: 100%;}

header{position: fixed;width: 100%;background: rgba(0,0,0,0.5);z-index: 88;}
header .head_box{width: 80%;height: 1.8rem;margin: 0 auto;}
header .head_box .logo{width: 6rem;margin-top: 0.5rem;}
header .head_box nav{float: right;position: relative;}
header .head_box nav ul{float: left;}
header .head_box nav ul li{float: left;}
header .head_box nav ul li a{float: left;padding: 0.6rem 1rem 0 0;font-size: 0.48rem;color: #fff;}
header .head_box nav ul li a:nth-of-type(2){display: inline-block;height:1.2rem;}

header .head_box nav .dcode_nav{position: absolute;top: 95%;left:9%;width: 30%;display: none;}
header .head_box nav a:nth-of-type(7){padding-right: 0;}
header .head_box .title-nav{display: none;width: 1.4rem;height: 1rem;position:absolute;right:5%;top:0.38rem;}
header .head_box .none-line{width: 100%;height: 1px;background: #000;position: absolute;top: 2rem;display: none;}
header .head_box .none_nav{width: 100%;padding-top: 1rem;padding:1.5rem 0.5rem;display: none;}
header .head_box .none_nav a{width: 100%;display: inline-block;font-size: 0.48rem;padding: 0.8rem 1rem 0 0;color: #fff;}
header .head_box .none_nav .dcode_none_nav{width:4rem;display: none;position: absolute;}

header .head_box nav .none-join{position: absolute;right: 1rem;bottom:-1.4rem;background: url(../img/多边形.png) no-repeat;width: 4.7rem; height: 1.5rem;display: none;}
header .head_box nav .none-join a{float: left;color: #000;padding: 0;margin-top: 0.55rem;margin-left: 0.3rem;}

.crest img{position: fixed;bottom: 6%;right: 2%;width: 1.5rem;display: none;z-index: 666;cursor: pointer;}

.content .viwepager{background: #666;}
.content .viwepager .swiper-container .swiper-wrapper .swiper-slide img{width: 100%;z-index: 0;}

.content .life{width: 85%;margin: 10% auto;text-align: center;}
.content .life img{width: 50%;}

.content .content_center .order{width: 100%;}
.content .content_center .order_p{font-size: 1rem;font-weight: bold;text-align: center;padding: 8%;}
.content .content_center .oder_img{width: 85%; margin: 0 auto;text-align: center;overflow: hidden;}
.content .content_center .oder_img div{float: left;width: 21%;padding: 0 5% 0 0;}
.content .content_center .oder_img div:nth-of-type(4){padding-right: 0;}
.content .content_center .oder_img div img{width: 100%;}
.content .content_center .oder_img div span{width: 100%;text-align: left; padding-right: 5%;display: inline-block;font-size: 0.45rem;}
.content .content_center .oder_img div span:nth-of-type(3){padding-right: 8%;font-size: 0.5rem;}
.content .content_center .oder_img div span p{width: 0.6rem;height: 0.6rem;font-size: 0.4rem; border-radius: 50%;background: #79cad6;text-align: center;line-height: 0.55rem;color: #fff;display: inline-block;}

.content .content_center .oder_down{width: 85%;padding-top: 6%;text-align: center;}
.content .content_center .oder_down .oder_down_left{display: inline-block;font-size: 0.5rem;line-height: 0.8rem;vertical-align: top;}
.content .content_center .oder_down .oder_down_left p:nth-of-type(3){color: #999;}
.content .content_center .oder_down .oder_down_right{display: inline-block;vertical-align: top;margin-left: 1rem;text-align: center;height: 6.2rem;}
.content .content_center .oder_down .oder_down_right p{width: 4rem;height: 1rem;background: #79cad6;text-align: center;line-height: 1rem;color: #fff;cursor: pointer;}
.content .content_center .oder_down .oder_down_right img{width: 4rem;margin-top: 0.1rem;display: none;}

.content .content_down{width: 100%;border-top: 1px solid #ccc;}
.content .content_down .our_story{width: 85%;text-align: center;margin: 0 auto;overflow: hidden;}
.content .content_down .our_story .img_o{width: 4rem;padding: 6rem 0;display: inline-block;}
.content .content_down .our_story .img_t{width: 100%;}
.content .content_down .our_story .img_font{width: 35%;padding: 4rem;display: block;margin: 0 auto;}
.content .content_down .our_story div{width: 31%;float: left;margin-right: 3.5%;padding-bottom: 1rem;}
.content .content_down .our_story div:nth-of-type(3){margin-right: 0;}
.content .content_down .our_story div img{width: 100%;}
.content .content_down .our_story div h3{text-align: left;font-size: 0.75rem;line-height: 1.7rem;}
.content .content_down .our_story div p{text-align: left;font-size: 0.45rem;line-height: 0.65rem;}

.content .content_down .team_box{width: 100%;border-top: 1px solid #ccc;}
.content .content_down .team_box .our_team{ width: 85%;margin: 0 auto;text-align: center;}
.content .content_down .team_box .img_o{width: 4rem;margin: 6rem auto;display: inline-block;}
.content .content_down .team_box .img_t{width: 75%;}
/*zc轮播图*/
.content .content_down .team_box .our_team .show_trun_wrap { position: relative; width: 95%; margin: 5% auto 0;} 
.content .content_down .team_box .our_team .show_trun_wrap .left_btn{ position: absolute; top: 45%; left: 0; cursor: pointer; z-index: 10;}
.content .content_down .team_box .our_team .show_trun_wrap .right_btn{ position: absolute; top: 45%; right: 0; cursor: pointer; z-index: 10;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap{ width: 100%; overflow: hidden;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap .show_img_wrap{ position: relative; top: 0; left: 0; overflow: hidden; width: 45rem;}
/*新的样式*/
.content .content_down .team_box .our_team .show_trun_wrap .show_wrap .show_img_wrap .new_style{ float: left; width: 16%; opacity: 1; padding-bottom: 8rem; margin: 0 0 0 7.3%;}
.content .content_down .team_box .our_team .show_trun_wrap .show_wrap .show_img_wrap .new_style img{ width: 100%;}
.content .content_down .team_box .our_team .show_trun_wrap .show_wrap .show_img_wrap .new_style .img_syn_word>span { font-size: 0.5rem; font-weight: bold;}
.content .content_down .team_box .our_team .show_trun_wrap .show_wrap .show_img_wrap .new_style .img_syn_word>p { font-size: 0.5rem; font-weight: bold; color: rgb(135,211,232); width: 21%; margin: 0 auto 15%; padding: 0.1rem 0; border-bottom: 0.05rem solid rgb(135,211,232);}

.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap .show_img_wrap .img_wrap{ overflow: hidden; width: 30%;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap .show_img_wrap .img_syn { float: left; padding-bottom: 4rem; width: 16%; margin: 9% 1% 0; opacity: 0.6;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap .show_img_wrap .img_syn .img_syn_word { display: none;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap .show_img_wrap .img_syn .img_syn_word>span { font-size: 0.5rem; font-weight: bold;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap .show_img_wrap .img_syn .img_syn_word>p { font-size: 0.5rem; font-weight: bold; color: rgb(135,211,232); width: 21%; margin: 0 auto 15%; padding: 0.1rem 0; border-bottom: 0.05rem solid rgb(135,211,232);}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap .show_img_wrap .img_syn img{ width: 100%;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap>.bottom_word { width: 40%; margin: 0 auto 5%;}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap>.bottom_word>span { float: left; color: rgb(135,211,232);}
.content .content_down .team_box .our_team .show_trun_wrap  .show_wrap>.bottom_word>p{ font-size: 0.45rem; color: rgb(122,122,122);}

/*倒影兼容*/
.content .content_down .team_box .our_team .show_wrap .show_img_wrap .img_syn img {
	-webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,0.1));
	box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,0.1));
}
.content .content_down .team_box .our_team .show_wrap .show_img_wrap .new_style img {
	-webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,0.1));
	box-reflect: below 0 -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,0.1));
}
/*蒙版*/
.content .content_down .team_box .our_team .show_wrap { -webkit-mask: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 80%) 80px 0 no-repeat content}

/*ZC动画*/
.content .content_down .team_box .our_team .show_wrap .show_img_wrap .new_style{
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-animation: change ease-in 0.5s forwards;
	-moz-animation: change ease-in 0.5s forwards;
	-o-animation: change ease-in 0.5s forwards;
	animation: change ease-in 0.5s forwards;
}
@keyframes change{
	0%{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	10%{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}
	100%{
		-webkit-transform: scale(1.46);
		-moz-transform: scale(1.46);
		-ms-transform: scale(1.46);
		-o-transform: scale(1.46);
		transform: scale(1.46);
	}
}

.content .content_down .activities_box{width: 100%;border-top: 1px solid #ccc;}
.content .content_down .activities_box .img_o{width: 4rem;padding: 6rem 0;margin: 0 auto;display: block;}
.content .content_down .activities_box .our_activities{width: 85%;margin: 0 auto;overflow: hidden;}
.content .content_down .activities_box .our_activities .pos_box{position: relative; width: 47%;margin-right: 6%;float: left;margin-bottom: 1.5rem;overflow: hidden;}
.content .content_down .activities_box .our_activities .pos_box:nth-of-type(2n){margin-right: 0;}
.content .content_down .activities_box .our_activities .pos_box .one{width: 100%;}
.content .content_down .activities_box .our_activities .pos_box span{position: absolute;bottom: 0;left: 0;width: 100%;height: 1.5rem;background: #000;opacity: 0.6;}
.content .content_down .activities_box .our_activities .pos_box .p_box{position: absolute;bottom: 0;left: 50%; color: #fff;-webkit-transform: translateX(-50%);width: 80%;text-align: center;}
.content .content_down .activities_box .our_activities .pos_box .p_box h3{font-size: 0.65rem;}
.content .content_down .activities_box .our_activities .pos_box .p_box p{position: absolute;top: 2rem;left: 50%; font-size: 0.5rem;line-height: 0.7rem; color: #fff;width: 80%;-webkit-transform: translateX(-50%);text-align: center;}

.content .content_down .join_box img{width: 4rem;padding: 6rem 0;margin: 0 auto;display: block;}
.content .content_down .join_box #map{position: relative;top: 0;left: 0; width: 100%;}
.content .content_down .join_box #map .world_map{width: 100%;padding: 0;}
.content .content_down .join_box #map .map_beijing{position: absolute;width: 3.5rem;height: 1rem;background: #14A5B9;color: #fff;cursor: pointer;}
.content .content_down .join_box #map .map_beijing:nth-of-type(1){top: 3rem;left: 30%;font-size: 0.5rem;line-height: 1rem;border-radius: 5px 5px 0 0;background: #7bcbd6;}
.content .content_down .join_box #map .map_beijing:nth-of-type(1) p{margin-left: 0.4rem;}
.content .content_down .join_box #map .map_beijing:nth-of-type(1) img{position: absolute;top: -5.7rem;left: 2.8rem; width: 0.3rem;}
.content .content_down .join_box #map .map_beijing:nth-of-type(2){top: 4rem;left: 30%;height: 3rem;background: #739aa5;display: none;}
.content .content_down .join_box #map .map_beijing:nth-of-type(2) p{padding: 8px 0 5px 5px;font-size: 0.4rem;color: #8ac3c9;}
.content .content_down .join_box #map .map_beijing:nth-of-type(2) li{padding: 4px;font-size: 0.4rem;}
#pp{margin-left:5px; font-size:14px;}

.content .content_down .join_box .a_box{width: 85%;margin: 1rem auto;text-align: center;}
.content .content_down .join_box a{color: #666;font-size: 0.6rem;}
.content .content_down .join_box a:hover{color: #14A5B9;font-size: 0.6rem;}
.content .content_down .join_box a:nth-of-type(2){margin-left: 2rem;}

.content .content_down .contact_box{width: 100%;border-top: 1px solid #ccc;}
.content .content_down .contact_box .img_o{width: 4rem;padding: 6rem 0;margin: 0 auto;display: block;}
.content .content_down .contact_box .con_box{width: 85%;margin: 0 auto;text-align: center;}
.content .content_down .contact_box .con_box div{width: 5rem;display: inline-block;}
.content .content_down .contact_box .con_box div img{display: inline-block;width: 0.6rem;}
.content .content_down .contact_box .con_box div span{display: inline-block;}

footer{width: 100%;background: #303030;text-align: center;margin-top: 6rem;}
footer img{width: 2.67rem;padding: 1rem;}

.footer-message{font-size: 0.45rem;text-align: center;margin-top: 0.2rem;}
